<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <link rel="stylesheet" href="../css/swiper-4.3.5.min.css"/>

    <link rel="stylesheet" href="../css/ls.css"/>
</head>
<body>
<header flex="main:center">
    <div class="swiper-container" id="l1">
        <div class="swiper-wrapper">
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <a href="#" flex="main:left" ><img src="../image/mz.png"/></a>
    <input type="text" placeholder="商品/店铺搜索"/>
    <a href="#" flex="main:right"><img src="../image/xx.png"/></a>
</header>
<!--底部导航栏-->
<section id="dbdhl" flex="">
    <div flex-box="1" flex="dir:top main:center cross:center">
        <img src="../image/d1.png"/>
        首页
    </div>
    <div flex-box="1" flex="dir:top main:center cross:center">
        <img src="../image/d2.png"/>
        找商家
    </div>
    <div flex-box="1" flex="dir:top main:center cross:center">
        <img src="../image/d3.png"/>
        扫描
    </div>
    <div flex-box="1" flex="dir:top main:center cross:center">
        <img src="../image/d4.png"/>
        购物车
    </div>
    <div flex-box="1" flex="dir:top main:center cross:center">
        <img src="../image/d5.png"/>
        个人中心
    </div>

</section>
<!--楼层一-->
<section id="gg" flex="cross:center">
    <div></div>
    <h5>公告：龙行MALL开业了</h5>
</section>
<!--楼层二-->
<section id="fl">
    <div flex="">
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon1.png"/>
            优质新品
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon2.png"/>
            潮流女装
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon3.png"/>
            男装
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon4.png"/>
            品牌精选
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon5.png"/>
            人气美鞋
        </div>
    </div>
    <div flex="">
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon6.png"/>
            箱包
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon7.png"/>
            护肤美妆
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon8.png"/>
            家用电器
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon9.png"/>
            手机数码
        </div>
        <div flex-box="1" flex="dir:top main:center cross:center">
            <img src="../image/icon10.png"/>
            全部分类
        </div>
    </div>
</section>
<!--楼层三-->
<section id="yhq">
    <div class="swiper-container" id="l2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#"><img src="../image/yhq.png"/></a>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="../image/yhq.png"/></a>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="../image/yhq.png"/></a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>

</section>
<!--楼层四-->
<section id="zysp">
    <div flex="cross:center">自营商品
        <span>Proprietary goods</span>
    </div>
    <div flex="cross:center">
        <img src="../image/atg.png"/>
        <img src="../image/mkwq.png"/>
    </div>
</section>
<!--楼层五-->
<section id="n5">
    <img src="../image/banner2.jpg"/>
</section>
<!--楼层六-->
<section id="sp" flex="">
    <div class="swiper-container" id="l3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="sp">
                    <img src="../image/hlzj.jpg"/>
                    <div flex="dir:top cross:center ">
                        <span>HLA/海澜a之家半......</span>
                        <p style="font-size: .24rem;color: #ff4c4c;margin-top: .10rem">￥98.00</p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sp">
                    <img src="../image/sctk.jpg"/>
                    <div flex="dir:top cross:center ">
                        <span>商场同款-a诗篇20......</span>
                        <p style="font-size: .24rem;color: #ff4c4c;margin-top: .10rem">￥146.00</p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sp">
                    <img src="../image/hlzj3.jpg"/>
                    <div flex="dir:top cross:center ">
                        <span>BE连帽t恤男长袖韩..... </span>
                        <p style="font-size: .24rem;color: #ff4c4c;margin-top: .10rem">￥249.00</p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sp">
                    <img src="../image/hlzj3.jpg"/>
                    <div flex="dir:top cross:center ">
                        <span>BE连帽t恤男长袖韩..... </span>
                        <p style="font-size: .24rem;color: #ff4c4c;margin-top: .10rem">￥249.00</p>
                    </div>
                </div>
            </div>
        </div>
    </div>








</section>




<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/swiper-4.3.5.min.js"></script>
<script src="../js/base.min.js"></script>
<script src="../js/ls.js"></script>
</body>
</html>